<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>员工基本信息维护</title>
		<link rel="stylesheet" href="../static/css/xadmin.css">
		<link rel="stylesheet" href="../static/css/xadmin.css">
		<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script src="../static/lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="../static/js/xadmin.js"></script>
		<script src="../static/js/my.js"></script>
	</head>
	<body>
		
		<!-- 包含查询条件选择的表单 -->
		<form class="x-so"  id="myform">
			<h1 align="center">员工基本信息维护</font></h1>
			<select id="condition" name="condition" style="width: 150px;height: 37px">
			    <option value="">请选择查询类型</option>
			    <option value="编号">编号</option>
			    <option value="姓名">姓名</option>
				 
			</select>
		    
		    <input class="layui-input" name="conValue" id="conValue"  type="text" placeholder="请输入查询条件">
		    <input type="button" class="layui-btn layui-btn-radius layui-btn-warm" onclick="search()" value="查询" >
			<input type="button" class="layui-btn layui-btn-radius layui-btn-danger" onclick="add()" value="添加" >
	
		</form>
		
		
		
		<table  class="layui-table" id="table">
		    <thead>
		    <th>编号</th>
		    <th>姓名</th>
		    <th>性别</th>
			<th>出生日期</th>
		    <th>电话</th>
			<th>学历</th>
			<th>职务</th>
			<th>状态</th>
			<th>备注</th>
			<th>操作</th>
			
		    </thead>
		    <tbody>
		  
		    </tbody>
		</table>
		
		
		
		
		<!-- 显示页码信息的div -->
		<div align="center">
		   <button type="button" class="layui-btn layui-btn-radius layui-btn-warm"onclick="pre()">
		      <i class="layui-icon">&#xe603;</i>
		    </button>
		    <button type="button" class="layui-btn layui-btn-radius layui-btn-warm"onclick="next()">
		       <i class="layui-icon">&#xe602;</i>
		     </button>
		   		    
		    一共有<span id="total"></span>条数据
		    一共有<span id="totalPage"></span>页
		    当前第<span id="cur"></span>页
			
		</div>
		
		
	</body>
	<script>
		
		//文档加载事件
		$(function(){
				//在文档加载时查询所有考勤记录
			
			
				selectMoney();
				
			})
			
			
			
			var isUpdate="true";
			var page=1;
			var row=6;
			//4.//上一页/下一页
			var prePage=0;
			var nextPage=0;
			//上一页
			function pre()
			{
				page=prePage;
				
				selectMoney();
			
			}
			//下一页
			function next()
			{
				page=nextPage;
				selectMoney();
				
			}
			function selectMoney()
			{
				
				var condition=$("#condition").val();
				var conValue=$("#conValue").val();
				$.ajax({
						url:address+"/info/selectAjax",
						type:"get",
						data:{"page":page,"row":row,"condition":condition,"conValue":conValue},
						dataType:"json",
						success:function (data) {
						   
						   //遍历分页数据,拼接字符串
						  
						 var html="";
						 for(var i=0;i<data.list.length;i++)
						 {
							 html+="<tr>"
									+"<td >"+data.list[i].userId+"</td>"
									+"<td >"+data.list[i].userName+"</td>"
									+"<td>"+data.list[i].sex+"</td>"
									+"<td>"+data.list[i].birth+"</td>"
									+"<td>"+data.list[i].phone+"</td>"
									+"<td>"+data.list[i].school+"</td>"
									+"<td>"+data.list[i].job+"</td>"
									+"<td>"+data.list[i].type+"</td>"
									+"<td>"+data.list[i].ps+"</td>"
									+"<td>"
											+"<button class='layui-btn  layui-btn-radius layui-btn-warm' type='button' onclick='update(this)'>修改</button>"
											+"<button class='layui-btn layui-btn-radius layui-btn-danger' type='button' onclick='delUser(this)'>删除</button>"
									+"</td>"
								  +"</tr>"
							  
						 }
						    $("tbody").html(html);
						    
						    $("#total").text(data.total);
						    $("#totalPage").text(data.totalPage);
						    $("#cur").text(data.cur);
						   prePage=data.pre;
						   nextPage=data.next;
						
						    }
					})
			}
			
			//修改与保存修改:
			function update(obj)
			{
				
				if(isUpdate=="true")
				{
					$(obj).text("保存");
					for(var i=1;i<9;i++)
					{
						$(obj).parent().parent().find("td").eq(i).attr("contenteditable","true");
						
					}
					isUpdate="false";
				}else
				{
					saveUpdate(obj);
					$(obj).text("修改");
					for(var i=1;i<9;i++)
					{
						$(obj).parent().parent().find("td").eq(i).attr("contenteditable","false");
						
					}
					//刷新
					window.location.reload();
					isUpdate="true";
				}
				
				
			}
			function saveUpdate(obj)
			{
				//用于数据库判断:
				var userId=$(obj).parent().parent().find("td").eq(0).text();
			
			    //用户修改的数据:
				var userName=$(obj).parent().parent().find("td").eq(1).text();
				var sex=$(obj).parent().parent().find("td").eq(2).text();
				var birth=$(obj).parent().parent().find("td").eq(3).text();
				var phone=$(obj).parent().parent().find("td").eq(4).text();
				var school=$(obj).parent().parent().find("td").eq(5).text();
				var job=$(obj).parent().parent().find("td").eq(6).text();
				var type=$(obj).parent().parent().find("td").eq(7).text();
				var ps=$(obj).parent().parent().find("td").eq(8).text();
				
				
				$.ajax({
						url:address+"/info/updateAjax",
						type:"get",
						data:{"page":page,"row":row,"userId":userId,"userName":userName,
						"sex":sex,"birth":birth,"phone":phone,
						"school":school,"job":job,"type":type,"ps":ps},
						dataType:"json",
						success:function (data) {
						   
						  if(data.info=="成功")
						        // layer.close(layer.index);
						  window.alert("修改成功！");
						
						    }
					})
			}
			 
			
			
			//删除:
			function delUser(obj)
			{
				//获取当前选中行的userId,moneyTime值
				           var id = $(obj).parent().parent().find("td").eq(0).text();
						   
						 
				           //用提示框确定用户是否删除
				           layer.confirm("确定要员工基本信息记录吗?",{icon:3,title:"警告"},function(index){
				               $.ajax({
				                   url:address+"/info/delAjax",
				                   type:"get",
				                   data:{"userId":id},
				                   dataType:"json",
				                   success:function(data){
				                       layer.alert(data.info,function(){
										  
											    window.location.href="user.html";
										  
				                          
				                       })
				             /*          if(data.info=="删除成功"){
				                           // 第一种：刷新
				                           //parent.window.location.href=parent.window.location.href;
				                           //第二种：刷新
				                           $(obj).parent().parent().remove();
				                       }*/
				                       //关闭
				                       layer.close(index);
				                   }
				               })
				   
				           })
			}
			
			
			//添加
			function add()
			{
				var html="";
				html= html+="<tr>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td contenteditable='true'></td>"
					+"<td>"
							+"<button class='layui-btn layui-btn-radius layui-btn-warm' type='button' onclick='save(this)'>保存</button>"
							+"<button class='layui-btn layui-btn-radius layui-btn-danger' type='button' onclick='delUser(this)'>删除</button>"
					+"</td>"
				  +"</tr>"
				  
				  $("#table").append(html);
			}
			
			
			
			function save(obj)
			{
				
				
							
				//用户修改的数据:
				var userId=$(obj).parent().parent().find("td").eq(0).text();
				var userName=$(obj).parent().parent().find("td").eq(1).text();
				var sex=$(obj).parent().parent().find("td").eq(2).text();
				var birth=$(obj).parent().parent().find("td").eq(3).text();
				var phone=$(obj).parent().parent().find("td").eq(4).text();
				var school=$(obj).parent().parent().find("td").eq(5).text();
				var job=$(obj).parent().parent().find("td").eq(6).text();
				var type=$(obj).parent().parent().find("td").eq(7).text();
				var ps=$(obj).parent().parent().find("td").eq(8).text();
				
					$.ajax({
							url:address+"/info/addAjax",
							type:"get",
							data:{"page":page,"row":row,"userId":userId,"userName":userName,
							"sex":sex,"birth":birth,"phone":phone,
							" school": school,"job":job," type": type,"ps":ps},
							dataType:"json",
							success:function (data) {
							   
							  if(data.info=="成功")
									// layer.close(layer.index);
							  window.alert("添加成功！");
							window.location.reload();
								}
						})
					
				
			}
			
			function search()
			{
				selectMoney();
			}
	</script>
</html>
